<!DOCTYPE html>
<html dir="ltr" lang="en" xmlns:th="http://www.thymeleaf.org">

<head th:fragment="head(title)">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" sizes="16x16" th:href="@{/assets/images/favicon.png}">
    <!--<title>[[${title}]]</title>-->
    <title th:text="${title}"></title>

    <link th:href="@{/assets/libs/flot/css/float-chart.css}" rel="stylesheet">
    <link th:href="@{/dist/css/style.min.css}" rel="stylesheet">
    <link th:href="@{/assets/libs/quill/dist/quill.snow.css}" rel="stylesheet">
</head>

<body>

<div id="main-wrapper">

    <!--头部部分-->
    <header th:fragment="header" class="topbar" data-navbarbg="skin5">
        <nav class="navbar top-navbar navbar-expand-md navbar-dark">

            <!--logo部分-->
            <div class="navbar-header" data-logobg="skin5">
                <a class="nav-toggler waves-effect waves-light d-block d-md-none" href="javascript:void(0)"><i class="ti-menu ti-close"></i></a>
                <a class="navbar-brand" th:href="@{/index}">
                    <!--logo图片-->
                    <b class="logo-icon p-l-10">
                        <img th:src="@{/assets/images/logo-icon.png}" alt="homepage" class="light-logo" />
                    </b>
                    <!--logo文字-->
                    <span class="logo-text">
                        悦橘拉拉电商平台
                    </span>
                </a>

                <a class="topbartoggler d-block d-md-none waves-effect waves-light" href="javascript:void(0)" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><i class="ti-more"></i></a>
            </div>

            <!--顶部导航-->
            <div class="navbar-collapse collapse" id="navbarSupportedContent" data-navbarbg="skin5">

                <!--导航左侧-->
                <ul class="navbar-nav float-left mr-auto">
                    <li class="nav-item d-none d-md-block"><a class="nav-link sidebartoggler waves-effect waves-light" href="javascript:void(0)" data-sidebartype="mini-sidebar"><i class="mdi mdi-menu font-24"></i></a></li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="d-none d-md-block" >当前用户：admin </span>
                            <span class="d-block d-md-none"><i class="fa fa-plus"></i></span>
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" th:href="@{/user/modifyPass}">修改密码</a>
                        </div>
                    </li>
                </ul>

                <!--导航右侧-->
                <ul class="navbar-nav float-right">
                    <!--日期部分-->
                    <li class="nav-item dropdown">
                        <a class="nav-link waves-effect waves-dark" href="javascript:void(0)" aria-haspopup="true" aria-expanded="false"> 2021-03-17 14:43:00</a>
                    </li>
                    <!--退出系统-->
                    <li class="nav-item dropdown">
                        <a class="nav-link waves-effect waves-dark" href="javascript:void(0)" aria-haspopup="true" aria-expanded="false"> 安全退出</a>
                    </li>
                </ul>
            </div>
        </nav>
    </header>

    <!--侧边栏部分-->
    <aside th:fragment="aside" class="left-sidebar" data-sidebarbg="skin5">
        <div class="scroll-sidebar">
            <nav class="sidebar-nav">
                <ul id="sidebarnav" class="p-t-30">
                    <!--菜单部分-->

                    <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu">用户管理 </span></a>
                        <ul aria-expanded="false" class="collapse  first-level">
                            <li class="sidebar-item"><a th:href="@{/user/append}" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> 新增用户 </span></a></li>
                            <li class="sidebar-item"><a th:href="@{/user/}" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> 用户列表 </span></a></li>
                        </ul>
                    </li>

                    <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu">品牌管理 </span></a>
                        <ul aria-expanded="false" class="collapse  first-level">
                            <li class="sidebar-item"><a th:href="@{/brand/append}" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> 新增品牌 </span></a></li>
                            <li class="sidebar-item"><a th:href="@{/brand/}" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> 品牌列表 </span></a></li>
                        </ul>
                    </li>

                    <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu">广告管理 </span></a>
                        <ul aria-expanded="false" class="collapse  first-level">
                            <li class="sidebar-item"><a th:href="@{/advertise/append}" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> 新增广告 </span></a></li>
                            <li class="sidebar-item"><a th:href="@{/advertise/}" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> 广告列表 </span></a></li>
                            <li class="sidebar-item"><a th:href="@{/advertise/modifysSeqAndDisplay}" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> 更新广告显示状态 </span></a></li>
                        </ul>
                    </li>

                    <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu">分类管理 </span></a>
                        <ul aria-expanded="false" class="collapse  first-level">
                            <li class="sidebar-item"><a th:href="@{/firstClass/}" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> 一级分类管理 </span></a></li>
                            <li class="sidebar-item"><a th:href="@{/secondClass/}" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> 二级分类管理 </span></a></li>
                            <li class="sidebar-item"><a th:href="@{/thridClass/}" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> 三级分类管理 </span></a></li>
                        </ul>
                    </li>

                    <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu">日志管理 </span></a>
                        <ul aria-expanded="false" class="collapse  first-level">
                            <li class="sidebar-item"><a th:href="@{/login/}" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> 登录日志列表 </span></a></li>
                            <li class="sidebar-item"><a th:href="@{/operate/}" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> 操作日志列表 </span></a></li>
                        </ul>
                    </li>

                    <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu">规格管理 </span></a>
                        <ul aria-expanded="false" class="collapse  first-level">
                            <li class="sidebar-item"><a th:href="@{/spec/append}" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> 新增规格 </span></a></li>
                            <li class="sidebar-item"><a th:href="@{/spec/}" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> 规格列表 </span></a></li>
                        </ul>
                    </li>

                    <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu">商品管理 </span></a>
                        <ul aria-expanded="false" class="collapse  first-level">
                            <li class="sidebar-item"><a th:href="@{/goods/append}" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> 新增商品 </span></a></li>
                            <li class="sidebar-item"><a th:href="@{/goods/}" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> 商品列表 </span></a></li>
                        </ul>
                    </li>

                </ul>
            </nav>
        </div>
    </aside>

    <!--内容部分-->
    <div class="page-wrapper">

        <!--网页脚部-->
        <footer th:fragment="footer" class="footer text-center">All Rights Reserved by Jayce. Designed and Developed by Jayce.</footer>

    </div>

</div>

<!--js资源部分-->
<div th:fragment="js_resources">
    <script th:src="@{/assets/libs/jquery/dist/jquery.min.js}"></script>
    <script th:src="@{/assets/libs/popper.js/dist/umd/popper.min.js}"></script>
    <script th:src="@{/assets/libs/bootstrap/dist/js/bootstrap.min.js}"></script>
    <script th:src="@{/assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js}"></script>
    <script th:src="@{/assets/extra-libs/sparkline/sparkline.js}"></script>
    <script th:src="@{/dist/js/waves.js}"></script>
    <script th:src="@{/dist/js/sidebarmenu.js}"></script>
    <script th:src="@{/dist/js/custom.min.js}"></script>
</div>


</body>

</html>